
<link rel="stylesheet" href="{:getRootUrl()}Addons/Slide/css/responsiveslides.css" >
<style>
	.wrap { position: relative; width: <?php echo $list[0]['maxwidth'];?>px;height: <?php echo $list[0]['maxheight'];?>px; margin: 0 auto;}
	.rslides li { position: relative;}
	.rslides li a img{ width:  <?php echo $list[0]['maxwidth'];?>px;height: <?php echo $list[0]['maxheight'];?>px}
	.rslides p { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; margin: 0; padding: 0 10px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.5); background-color: #666\9;}
	.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url({:getRootUrl()}Addons/Slide/images/arrow.gif); overflow: hidden; opacity: .7;}
	.next { right: 0; background-position: right 0;}
	.centered-btns_nav:active { opacity: 1;}

	/*.wrap {max-width: <?php echo $list[0]['maxwidth'];?>px; width: 300px; height: auto; position: relative}*/
	/*.rslides li { position: relative; width: 100%}*/
	/*.rslides li a { display: inline-block; width: 100%}*/
	/*.rslides li a img { width: 100%; height: 100%}*/
	/*.rslides p { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; margin: 0; padding: 0 10px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.5); background-color: #666\9;}*/
	/*.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url({:getRootUrl()}Addons/Slide/images/arrow.gif); overflow: hidden; opacity: .7;}*/
	/*.next { right: 0; background-position: right 0;}*/
	/*.centered-btns_nav:active { opacity: 1;}*/
	/*.rslides li{*/
		/*width: 100%;*/
	/*}*/
	/*.rslides li a img{*/
		/*width: 100%;*/
	/*}*/
</style>

<div class="wrap">
	<ul class="rslides" id="dowebok">
		<?php foreach($list as $v) { ?>
		<li>
			<a href="<?php echo $v['href'];?>" target="_blank"><img src="<?php echo $v['path'];?>" alt=""></a>
			<?php if($v['info']!='') { ?>
			<p><?php echo $v['info'];?></p>
			<?php } ?>
		</li>
		<?php } ?>
	</ul>
</div>

<script src="{:getRootUrl()}Addons/Slide/js/jquery-1.11.3.min.js" ></script>
<script src="{:getRootUrl()}Addons/Slide/js/responsiveslides.min.js"></script>
<script>
    $(function() {
        $('#dowebok').responsiveSlides({
            auto:<?php echo $list[0]['auto'];?>,      //自动播放
            timeout:<?php echo $list[0]['timeout'];?>,   //轮播图切换时间
			random:<?php echo $list[0]['random'];?>,   //随机显示图片
			nav: <?php echo $list[0]['nav'];?>,		//左右导航
            maxwidth:<?php echo $list[0]['maxwidth'];?>,                 //最大宽度
            namespace: 'centered-btns',
                speed:600,
        });
    });
</script>










